<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格操作</title>
		<style type="text/css">
			table {
				width: 340px;
			}

			.row1 {
				background: #3cc;
				text-align: center;
				size: 18;
				line-height: 3em;
			}

			.row2 {
				color: white;
				background: black;
				size: 12;
			}

			ul {
				list-style-type: none;
			}

			a {
				color: white;
				text-decoration: none;
			}

			a:hover {
				color: black;
				background: white;
			}
		</style>
	</head>
	<body>

		<table>
			<tr class="row1">
				<th>外国最经典文学名著</th>
			</tr>
			<tr class="row2">
				<td>
					<ul>
						<li><a href="">伊索寓言——一部经典的故事集</a></li>
						<li> <a href="">荷马史诗——横亘千古的文学瑰宝</a></li>
						<li><a href="">俄狄浦斯王——古希腊悲剧的典范</a></li>
						<li><a href="">圣经——基督教的经典著作</a></li>
						<li><a href="">源氏物语——日本古典文学的瑰宝</a></li>
						<li><a href="">神曲——中世纪伟大诗作</a></li>
						<li><a href="">十日谈——欧洲第一部现实主义小说</a></li>
						<li><a href="">列那狐的故事——法国伟大的民间长篇故事诗</a></li>
						<li><a href="">巨人状——一部荒诞不经的的幽默小说</a></li>


					</ul>

				</td>
			</tr>
		</table>
	</body>
</html>
